<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/cate.css">
</head>
<body>
  <div class="container">
    <div class="header">
      <div class="lt"></div>
      <div class="ct">分类</div>
      <div class="rt"></div>
    </div>
    <div class="search">
      <a href="./search.html" class="input">
        <img class="icon"/>
        <span class="txt">商品搜索, 共xxx款好物</span>
      </a>
    </div>
    <div class="catalog">
      <div class="nav" scroll-y="true">
          <div class="item active" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
          <div class="item" >分类1</div>
      </div>
      <div class="cate" scroll-y="true">
          <a href="url" class="banner">
              <img class="image" src="./static/demo/banner_url.jpg"/>
              <div class="txt">一个可爱的描述</div>
          </a>
          <div class="hd">
              <span class="line"></span>
              <span class="txt">xxx分类</span>
              <span class="line"></span>
          </div>
          <div class="bd">
              <a href="./category.html" class="item" >
                  <img class="icon" src="./static/demo/idx-brand.jpg"/>
                  <span class="txt">子分类1</span>
              </a>
              <a href="./category.html" class="item" >
                  <img class="icon" src="./static/demo/idx-brand.jpg"/>
                  <span class="txt">子分类2</span>
              </a>
              <a href="./category.html" class="item last" >
                  <img class="icon" src="./static/demo/idx-brand.jpg"/>
                  <span class="txt">子分类3</span>
              </a>
          </div>
      </div>
    </div>
      <!-- 底部TabBar区域 -->
  <div class="tab-bar">
    <a href="index.html">
      <img src="./static/images/ic_menu_choice_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_choice_pressed.png" alt=""> -->
      <span>首页</span>
    </a>
    <a href="topic.html" >
      <img src="./static/images/ic_menu_topic_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_topic_pressed.png" alt=""> -->
      <span>专题</span>
    </a>
    <a href="cate.html"  class="active">
      <!-- <img src="./static/images/ic_menu_sort_nor.png" alt=""> -->
      <img src="./static/images/ic_menu_sort_pressed.png" alt="">
      <span>分类</span>
    </a>
    <a href="cart.html">
      <img src="./static/images/ic_menu_shoping_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
      <span>购物车</span>
    </a>
    <a href="user.html">
      <img src="./static/images/ic_menu_me_nor.png" alt="">
      <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
      <span>我的</span>
    </a>
  </div>
  </div>
</body>
</html>